<!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body,
        html {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }
        #allmap {
            height: 500px;
            width: 100%;
        }
        #r-result {
            width: 100%;
        }
    </style>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=0NALIoVw7xmacSguGmUSxG9hVMRTYbSE"></script>
    <title>车载定位系统</title>
    "</head>
    "<body>
    <div id="allmap" style="height:900px"></div>
    <div id="r-result">
        <b id="p1">
            <pre>    </pre>纬度：</b>
        <b id="p2">
            <pre>    </pre>经度：</b>
    </div>
    <script>
        var initPoint = new BMap.Point(118.578054, 24.810421);
        var bm = new BMap.Map("allmap");
        var marker = new BMap.Marker(new BMap.Point(118.578054, 24.810421));
        bm.centerAndZoom(initPoint, 12);
        bm.addControl(new BMap.NavigationControl());
    </script>
    </body>
    </html>